		<div class="leftNav ui-accordion ui-widget ui-helper-reset" role="tablist">
			<div>
				<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-top ui-accordion-icons" role="tab" id="ui-accordion-menu1-header-0" aria-controls="ui-accordion-menu1-panel-0" aria-selected="true" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
					<a href="<c:url value='/web/functionIntroduction'/>">Introduction</a>
				</h3>
			</div>
		</div>
		<div id="menu1" class="leftNav">
			<div>
				<h3>
					<a href="#">Function Management</a>
				</h3>
				<div>
					<a href="<c:url value='/web/functionHome'/>">Function List</a><br /> 
					<a href="<c:url value='/web/createFunction'/>">Create Function</a><br /> 
				</div>
			</div>
		</div>
		<div id="menu2" class="leftNav">
			<div>
				<h3>
					<a href="#">Quick Actioner Settings</a>
				</h3>
				<div>
					<a href="<c:url value='/web/actionerGroupList'/>">Actioner Groups</a><br />
					<a href="<c:url value='/web/customizeActionerLayout'/>">Customize Layout</a><br />
				</div>
			</div>
		</div>
<script>
$(function(){
	// Accordion
	$("#menu1").accordion({ header: "h3", collapsible: true, autoHeight: false, animated : false});
	$("#menu2").accordion({ header: "h3", collapsible: true, autoHeight: false, animated : false});
});
</script>